* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}
h1 {
  margin-top: 0;
}
img {
  border: 0;
}
body {
  font: normal normal normal 14px/1.8 Gotham, 'Microsoft YaHei', Helvetica, Arial, " sans-serif";
  color: #555;
  overflow-x: hidden;
}
a,
a:link,
a:visited {
  text-decoration: none;
}
a:active {
  text-decoration: none;
}
a {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-user-select: none;
  -moz-user-focus: none;
  -moz-user-select: none;
  color: inherit;
}
ul,
li {
  list-style: none;
  margin-bottom: 0;
}
input {
  display: inline-block;
}
.cf:after {
  content: "";
  display: table;
  height: 0;
  width: 0;
  clear: both;
  visibility: hidden;
}
.fr {
  float: right!important;
}
.fl {
  float: left!important;
}
.bge5 {
  background: #e5e5e5 !important;
}
.npb {
  padding-bottom: 0 !important;
}
.mt05rem {
  margin-top: 0.5rem !important;
}
.none {
  display: none;
}
.npt {
  padding-top: 0 !important;
}
.mt02 {
  margin-top: 0.2rem !important;
}
.mt05 {
  margin-top: 0.5rem !important;
}
/*-----------------------common---------------------------------*/
@base-color: #0998FF;

html,
body {
  height: 100%;
  font-size: 14px;
  color: #333;
}
p,
a,
div,
li,
table td,
input,
select {
  font-size: 14px;
}
/*[data-dpr="2"] body {*/
/*font-size: 24px;*/
/*}*/
/*[data-dpr="3"] body {*/
/*font-size: 36px;*/
/*}*/
input::-webkit-search-cancel-button {
  display: none;
}
input[type=text]::-ms-clear {
  display: none;
}
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="text"],
input[type="date"] {
  -webkit-appearance: none;
  border-radius: 0;
}
textarea {
  -webkit-appearance: none;
}
::-webkit-scrollbar {
  width: 0;
  height: 0;
  background-color: transparent;
}
.box {
  background-color: #e8e8e8;
  max-width: 10rem;
  margin: 0 auto;
  position: absolute;
  height: 100%;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
}
.header {
  background-color: #fff;
  max-width: 10rem;
  width: 100%;
  height: 1.253rem;
  position: fixed;
  top: 0;
  z-index: 111;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header .logo {
  margin-left: 0.32rem;
  width: 1.787rem;
  height: 0.64rem;
}
.header .logo img {
  width: 100%;
  height: 100%;
}
.header p {
  font-size: 0.347rem;
}
.header .tel {
  margin-right: 0.36rem;
  margin-left: 0.933rem;
  font-size: 0.547rem;
  background: linear-gradient(0deg, #48CBE9, #309BFF);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.main {
  background-color: #fff;
  //padding-top: 1.253rem;
  //padding-bottom: 2rem;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  //height: 100%;
}
.insurance_type{
    margin-bottom: 0.4rem;
}


.weui-switch{
    appearance: none;
    -moz-appearance:button;
    -webkit-appearance: none;
}
.weui-switch {
    position: relative;
    margin: 0;
    width: 1.2rem;
    height: 0.6rem;
    border: 1PX solid #EBEBF9;
    outline: 0;
    border-radius: 0.307rem;
    box-sizing: border-box;
    background-color: #EBEBF9;
    -webkit-transition: background-color 0.1s, border 0.1s;
    transition: background-color 0.1s, border 0.1s;
}

.weui-switch:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 1.2rem;
    height: 0.6rem;
    border-radius: 0.307rem;
    background-color: #D8D8D8;
    -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.45, 1, 0.4, 1);
    transition: -webkit-transform 0.35s cubic-bezier(0.45, 1, 0.4, 1);
    transition: transform 0.35s cubic-bezier(0.45, 1, 0.4, 1);
}

.weui-switch:after {
    content: " ";
    position: absolute;
    top: -1px;
    left: 0.027rem;
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 0.307rem;
    background-color: #FFFFFF;
    /*box-shadow: 0 1PX 3PX rgba(0, 0, 0, 0.4);*/
    -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35);
    transition: -webkit-transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35);
    transition: transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35);
}

.weui-switch:checked{
    background: @base-color;
    border: solid 1px @base-color;
}

.weui-switch:checked:before{
    transform: scale(0);
}

.weui-switch:checked:after{
    transform: translateX(0.533rem);
}


/* === Calendar === */


//.toolbar .toolbar-inner {
//    height: 1.1rem;
//    display: -webkit-box;
//    display: -ms-flexbox;
//    display: flex;
//    text-align: center;
//}
//.weui-picker-calendar {
//    background: #fff;
//    height: 7rem;
//    width: 100%;
//    overflow: hidden;
//}
//.weui-picker-calendar .picker-modal-inner {
//    overflow: hidden;
//    height: 6.4rem;
//}
//.picker-calendar-week-days {
//    height: .8rem;
//    background: #f7f7f8;
//    display: -webkit-box;
//    display: -ms-flexbox;
//    display: flex;
//    font-size: 0.293rem;
//    box-sizing: border-box;
//    position: relative;
//}
//.picker-calendar-week-days:after {
//    content: '';
//    position: absolute;
//    left: 0;
//    bottom: 0;
//    right: auto;
//    top: auto;
//    height: 1px;
//    width: 100%;
//    background-color: #c4c4c4;
//    display: block;
//    z-index: 15;
//    -webkit-transform-origin: 50% 100%;
//    transform-origin: 50% 100%;
//}
//@media only screen and (-webkit-min-device-pixel-ratio: 2) {
//    .picker-calendar-week-days:after {
//        -webkit-transform: scaleY(0.5);
//        transform: scaleY(0.5);
//    }
//}
//@media only screen and (-webkit-min-device-pixel-ratio: 3) {
//    .picker-calendar-week-days:after {
//        -webkit-transform: scaleY(0.33);
//        transform: scaleY(0.33);
//    }
//}
//.picker-calendar-week-days .picker-calendar-week-day {
//    -webkit-flex-shrink: 1;
//    -ms-flex: 0 1 auto;
//    -ms-flex-negative: 1;
//    flex-shrink: 1;
//    width: 14.28571429%;
//    width: calc(100% / 7);
//    //line-height: 0.227rem;
//    text-align: center;
//    font-size: 0.293rem;
//}
//.picker-calendar-week-days + .picker-calendar-months {
//    height:6rem;
//}
//.picker-calendar-months {
//    width: 100%;
//    height: 100%;
//    overflow: hidden;
//    position: relative;
//}
//.picker-calendar-months-wrapper {
//    position: relative;
//    width: 100%;
//    height: 100%;
//    -webkit-transition: 300ms;
//    transition: 300ms;
//}
//.picker-calendar-month {
//    display: -webkit-box;
//    display: -ms-flexbox;
//    display: flex;
//    -webkit-box-orient: vertical;
//    -ms-flex-direction: column;
//    flex-direction: column;
//    width: 100%;
//    height: 100%;
//    position: absolute;
//    left: 0;
//    top: 0;
//}
//.picker-calendar-row {
//    height: 16.66666667%;
//    height: calc(100% / 6);
//    display: -webkit-box;
//    display: -ms-flexbox;
//    display: flex;
//    -webkit-flex-shrink: 1;
//    -ms-flex: 0 1 auto;
//    -ms-flex-negative: 1;
//    flex-shrink: 1;
//    width: 100%;
//    position: relative;
//}
//.picker-calendar-row:after {
//    content: '';
//    position: absolute;
//    left: 0;
//    bottom: 0;
//    right: auto;
//    top: auto;
//    height: 1px;
//    width: 100%;
//    background-color: #ccc;
//    display: block;
//    z-index: 15;
//    -webkit-transform-origin: 50% 100%;
//    transform-origin: 50% 100%;
//}
//@media only screen and (-webkit-min-device-pixel-ratio: 2) {
//    .picker-calendar-row:after {
//        -webkit-transform: scaleY(0.5);
//        transform: scaleY(0.5);
//    }
//}
//@media only screen and (-webkit-min-device-pixel-ratio: 3) {
//    .picker-calendar-row:after {
//        -webkit-transform: scaleY(0.33);
//        transform: scaleY(0.33);
//    }
//}
//.weui-picker-modal .picker-calendar-row:last-child:after {
//    display: none;
//}
//.picker-calendar-day {
//    -webkit-flex-shrink: 1;
//    -ms-flex: 0 1 auto;
//    -ms-flex-negative: 1;
//    flex-shrink: 1;
//    display: -webkit-box;
//    display: -ms-flexbox;
//    display: flex;
//    -webkit-box-pack: center;
//    -ms-flex-pack: center;
//    justify-content: center;
//    -webkit-box-align: center;
//    -ms-flex-align: center;
//    align-items: center;
//    box-sizing: border-box;
//    width: 14.28571429%;
//    width: calc(100% / 7);
//    text-align: center;
//    color: #3d4145;
//    font-size: 0.4rem;
//    cursor: pointer;
//}
//.picker-calendar-day.picker-calendar-day-prev,
//.picker-calendar-day.picker-calendar-day-next {
//    color: #ccc;
//}
//.picker-calendar-day.picker-calendar-day-disabled {
//    color: #d4d4d4;
//    cursor: auto;
//}
//.picker-calendar-day.picker-calendar-day-today span {
//    background: #e3e3e3;
//}
//.picker-calendar-day.picker-calendar-day-selected span {
//    background: #416FF3;
//    color: #fff;
//}
//.picker-calendar-day span {
//    display: inline-block;
//    border-radius: 100%;
//    width: 0.8rem;
//    height: 0.8rem;
//    line-height: 0.8rem;
//}
//.picker-calendar-month-picker,
//.picker-calendar-year-picker {
//    display: -webkit-box;
//    display: -ms-flexbox;
//    display: flex;
//    -webkit-box-align: center;
//    -ms-flex-align: center;
//    align-items: center;
//    -webkit-box-pack: justify;
//    -ms-flex-pack: justify;
//    justify-content: space-between;
//    width: 50%;
//    max-width: 200px;
//    -webkit-flex-shrink: 10;
//    -ms-flex: 0 10 auto;
//    -ms-flex-negative: 10;
//    flex-shrink: 10;
//}
//.picker-calendar-month-picker a.icon-only,
//.picker-calendar-year-picker a.icon-only {
//    min-width: 36px;
//}
//.picker-calendar-month-picker span,
//.picker-calendar-year-picker span {
//    -webkit-flex-shrink: 1;
//    -ms-flex: 0 1 auto;
//    -ms-flex-negative: 1;
//    flex-shrink: 1;
//    position: relative;
//    overflow: hidden;
//    text-overflow: ellipsis;
//}
//.popover .picker-calendar .picker-calendar-week-days,
//.picker-calendar.picker-modal-inline .picker-calendar-week-days {
//    background: none;
//}
//.popover .picker-calendar .toolbar:before,
//.picker-calendar.picker-modal-inline .toolbar:before,
//.popover .picker-calendar .picker-calendar-week-days:before,
//.picker-calendar.picker-modal-inline .picker-calendar-week-days:before {
//    display: none;
//}
//.popover .picker-calendar .toolbar:after,
//.picker-calendar.picker-modal-inline .toolbar:after,
//.popover .picker-calendar .picker-calendar-week-days:after,
//.picker-calendar.picker-modal-inline .picker-calendar-week-days:after {
//    display: none;
//}
//.popover .picker-calendar .toolbar ~ .picker-modal-inner .picker-calendar-months:before,
//.picker-calendar.picker-modal-inline .toolbar ~ .picker-modal-inner .picker-calendar-months:before,
//.popover .picker-calendar .picker-calendar-week-days ~ .picker-calendar-months:before,
//.picker-calendar.picker-modal-inline .picker-calendar-week-days ~ .picker-calendar-months:before {
//    content: '';
//    position: absolute;
//    left: 0;
//    top: 0;
//    bottom: auto;
//    right: auto;
//    height: 1px;
//    width: 100%;
//    background-color: #c4c4c4;
//    display: block;
//    z-index: 15;
//    -webkit-transform-origin: 50% 0%;
//    transform-origin: 50% 0%;
//}
//@media only screen and (-webkit-min-device-pixel-ratio: 2) {
//    .popover .picker-calendar .toolbar ~ .picker-modal-inner .picker-calendar-months:before,
//    .picker-calendar.picker-modal-inline .toolbar ~ .picker-modal-inner .picker-calendar-months:before,
//    .popover .picker-calendar .picker-calendar-week-days ~ .picker-calendar-months:before,
//    .picker-calendar.picker-modal-inline .picker-calendar-week-days ~ .picker-calendar-months:before {
//        -webkit-transform: scaleY(0.5);
//        transform: scaleY(0.5);
//    }
//}
//@media only screen and (-webkit-min-device-pixel-ratio: 3) {
//    .popover .picker-calendar .toolbar ~ .picker-modal-inner .picker-calendar-months:before,
//    .picker-calendar.picker-modal-inline .toolbar ~ .picker-modal-inner .picker-calendar-months:before,
//    .popover .picker-calendar .picker-calendar-week-days ~ .picker-calendar-months:before,
//    .picker-calendar.picker-modal-inline .picker-calendar-week-days ~ .picker-calendar-months:before {
//        -webkit-transform: scaleY(0.33);
//        transform: scaleY(0.33);
//    }
//}
//.picker-calendar-month-picker,
//.picker-calendar-year-picker {
//    display: block;
//    line-height: 1.1rem;
//    -webkit-box-flex: 1;
//    -ms-flex: 1;
//    flex: 1;
//}
//.picker-calendar-month-picker a.icon-only,
//.picker-calendar-year-picker a.icon-only {
//    float: left;
//    width: 25%;
//    height: 1.1rem;
//    line-height: 1rem;
//}
//.picker-calendar-month-picker .current-month-value,
//.picker-calendar-year-picker .current-month-value,
//.picker-calendar-month-picker .current-year-value,
//.picker-calendar-year-picker .current-year-value {
//    float: left;
//    width: 50%;
//    height: 1.1rem;
//    font-size: 0.293rem;
//}
//i.icon {
//    display: inline-block;
//    vertical-align: middle;
//    background-size: 100% auto;
//    background-position: center;
//    background-repeat: no-repeat;
//    font-style: normal;
//    position: relative;
//}
//i.icon.icon-next,
//i.icon.icon-prev {
//    width: 0.4rem;
//    height: 0.4rem;
//}
//i.icon.icon-next {
//    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%2304BE02'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
//}
//i.icon.icon-prev {
//    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%2304BE02'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
//}
.weui-cells__title {

    text-align: center;
}


.weui-loadmore {
    margin: 0 auto;
    font-size: 0.373rem;
    width: 65%;
    text-align: center;
}

.weui-loading {

        display: inline-block;
        text-align: center;
        //color: #666;
        transform-origin: 50% 50%;  // 中心旋转
        font-size: .373rem;
        animation: load 2s linear infinite;   // 2s无限循环

}
@keyframes load{
    0%{
        transform: rotate(0);
    }

    30%{
        transform: rotate(120deg);
    }

    70%{
        transform: rotate(240deg);
    }


    100%{
        transform: rotate(360deg);
    }
}

.weui-loadmore .weui-loading, .weui-loadmore .weui-primary-loading {
    margin-right: 8px;
}

// ------------------登录---------------------------
.login{
	width: 100%;
	height: 100%;

	background-image: url('../images/login-bg.png');
	background-size: 100% ;
	background-repeat: no-repeat;
	background-color: #EEF0F2;
	padding-bottom: 0.8rem;
	overflow: auto;

	.login-question{
		width: 7.733rem;
		padding-top: 0.8rem;
		background: #FFFFFF;
		display: flex;
		align-items: center;
		flex-direction: column;
		border-radius: 0.267rem;

		img{
			width: 1.92rem;

		}
		p{
			margin-top: 0.267rem;
			line-height: 0.587rem;
			font-size: 0.427rem;
			font-weight: bold;
			color: #333333;
		}
		p.consult{
			font-size: 0.373rem;

			text-align: left;
			color: #333333;
			margin-top: 0.4rem;
			span{
				color:#0998FF;
				display: inline-block;
				margin-left: 0.133rem;
				margin-right: 0.133rem;
			}
		}
		.btn-question{
			width: 5.333rem;
			height: 1.067rem;
			display: block;
			line-height: 1.067rem;
			margin-top: 0.667rem;
			border:none;
			background-color:#0998FF ;
			border-radius: 0.267rem;
			box-shadow:0rem 0.08rem 0.187rem -0.093rem #0998FF;


			font-size: 0.427rem;
			font-weight: 500;
			text-align: center;
			color: #ffffff;

		}
		button.btn-question{
			margin-top: 0.467rem;
			margin-bottom: 1.067rem;
			background-color: #FFFFFF;
			border: 0.027rem solid #0998ff;
			border-radius: 0.267rem;
			box-shadow:none;
			color: #0998ff;
		}


	}
}
.login-text{
	margin-left: 1rem;
	padding-top: 2rem;
	span{
		display: block;
	}
	span:first-child{

		font-size: 0.8rem;
		font-weight: 700;
		color: #ffffff;
		line-height: 0.987rem;
	}
	span:last-child{
		font-size: 0.507rem;
		font-weight: 400;
		color: #ffffff;
		line-height: 0.72rem;
	}
}
.login-box{

	width: 8rem;
	margin: 0 auto;
	margin-top: 0.72rem;


	.nav-box{
		display: flex;
		align-items:flex-end ;
		margin-bottom: -2px;
		div{
			flex: 1;
			width: 50%;
			//height: 1.12rem;
			background-color: #ceeaff;
			font-size: 0.32rem;
			color: #333333;
			line-height: 1.12rem;
			font-weight: 500;
			text-align: center;



		}
		.active{
			height: 1.467rem;
			background: #fff;
			font-size: 0.373rem;
			font-weight: 700;

			color: #0998ff;
			line-height: 1.467rem;
			border-radius: 0.267rem 0.267rem 0rem 0rem;
			text-align: center;


		}
		.nonact-phone{
			border-radius:0 0.267rem  0rem 0rem;

			position: relative;
			&:after{
				content: "";
				position: absolute;
				left: -1px;
				bottom: -1px;
				width: 0.267rem;
				height: 0.267rem;
				background: #FFFFFF;
				border-radius: 0;
				z-index:1;
			}
			&:before{
				content: "";
				position: absolute;
				left: 0;
				bottom: 0;
				width: 0.3rem;
				height: 0.3rem;
				background: #ceeaff;
				border-radius:  0 0 0 0.267rem;
				z-index:2;
			}
		}
		.nonact-idcard{
			border-radius:0.267rem 0  0rem 0rem;

			position: relative;
			&:after{
				content: "";
				position: absolute;
				right: -1px;
				bottom: -1px;
				width: 0.267rem;
				height: 0.267rem;
				background: #FFFFFF;
				border-radius: 0;
				z-index:1;
			}
			&:before{
				content: "";
				position: absolute;
				right: 0;
				bottom: 0;
				width: 0.3rem;
				height: 0.3rem;
				background: #ceeaff;
				border-radius:  0 0  0.267rem 0;
				z-index:2;
			}
		}
	}
	form{
		//padding: 0 0.76rem;
		.form-input{
			background: #FFFFFF;
			padding: 0 0.76rem;
			overflow: hidden;
			padding-bottom: 1.333rem;
			border-radius: 0 0 0.133rem 0.133rem;
			box-shadow:0rem 0.267rem 0.2rem -0.267rem #d3e0ee;

		}
		.input-box{
			height: 0.933rem;
			box-sizing: border-box;
			border-bottom: 1px solid #d6d6d6;
			display: flex;
			margin-top: 0.76rem;
			position: relative;

			span{
				line-height: 0.933rem;
			}
			input:-webkit-autofill{
				-webkit-box-shadow:0 0 0 1000px white inset !important;
			}
			input{
				flex:1;
				box-sizing: border-box;

				border:none;
				margin-left:0.093rem;
				font-size: 0.32rem;

				&::-webkit-input-placeholder { /* Edge */
					font-size: 0.293rem;
					font-weight: 400;
					color: #c6c6c6;
				}

				&:-ms-input-placeholder { /* Internet Explorer 10-11 */
					font-size: 0.293rem;
					font-weight: 400;
					color: #c6c6c6;
				}

				&::placeholder {
					font-size: 0.293rem;
					font-weight: 400;
					color: #c6c6c6;
				}
			}
			.phone-code{

				position: absolute;
				right: 0;
				bottom: 0;
				padding-left: 0.2rem;
				span{

					font-size: 0.32rem;
					color: #333333;
				}
				&:after{
					content: "";
					position: absolute;
					left: 0;
					bottom: calc(50% - 0.187rem);
					width:1px;
					height: 0.373rem;
					background: #D7D7D7;

				}
			}
		}

		.login-button{
			margin-top: 1.333rem;
			button{
				width: 7.733rem;
				height: 1.2rem;
				margin-bottom: 0.4rem;
				background:#0998FF ;
				border:none;
				border-radius: 0.267rem;

				font-size: 0.427rem;
				font-weight: 500;
				text-align: center;
				color: #ffffff;
				line-height: 1.2rem;
				box-shadow:0rem 0.227rem 0.12rem -0.133rem #d3e0ee;

			}
			a{
				display: block;
				text-align: center;
				font-size: 0.293rem;
				color: #969b9e;
			}
		}
		.form-policy{
			display: flex;
			align-items: center;
			justify-content: center;
			//text-align: center;
			margin-top: 2.067rem;

			input{
				margin-right:0.213rem ;
				width: 0.32rem;
				height: 0.32rem;
				border: 0.027rem solid #969b9e;
			}
			span{
				font-size: 0.293rem;
				font-weight: 400;
				color: #969b9e;
			}
			a{
				font-size: 0.293rem;
				font-weight: 400;
				color: #0998FF;
			}
		}

	}






}
//协议
.agree-content{
	position: relative;

	width: 100%;
	height: 100%;
	overflow: auto;
	background-size: 100% ;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	padding: 0.4rem;


}
//首页
.home-content{
    position: relative;

	width: 100%;
	height: 100%;
	overflow: auto;
	background-image: url('../images/index-bg.png');
	background-size: 100% ;
	background-repeat: no-repeat;
	background-color: #EEF0F2;
	padding-bottom: 1.2rem;


}

.home-content{
	.home-head{
		margin: 0 0 0.373rem 0.427rem;
		display: flex;
		align-items: center;
		padding-top: 0.533rem;

		img{
			width: 1.28rem;
		}
		.head-box{
			flex: 1;
			margin-left: 0.213rem;

			p{
				font-size: 0.373rem;
				font-weight: 500;
				color: #ffffff;
			}
			span{
				font-size: 0.32rem;
				font-weight: 300;
				color: rgba(255,255,255,0.5);
				margin-top: -0.027rem;
				display: block;
			}
		}
		.head-phone{
			//width:2.72rem;
			height: 0.72rem;
			background: #0378cc;
			border-radius:0.373rem 0 0 0.373rem;
			display: flex;
			align-items: center;
			justify-content: flex-start;
			padding-left: 0.347rem;
			padding-right: 0.4rem;
			margin-bottom: 0.133rem;
			span{
				margin-right: 0.133rem;
				font-size: 0.427rem;
				color:rgba(255,255,255,0.8)
			}
			p{

				font-size:0.293rem;
				font-weight: 300;
				color:rgba(255,255,255,0.8)
			}
		}

	}

	.info-box{
		//width: 100%;
		//height: 6.373rem;
		background: #ffffff;
		margin: 0 0.4rem 0.4rem;
		border-radius: 0.267rem;
		padding: 0 0.587rem 0.8rem;

		p{
			border-bottom: 0.027rem solid #f4f6f8;
			line-height: 1.093rem;
		}

		p.title{
			font-size: 0.427rem;
			font-weight: 600;
			text-align: left;
			color: #333333;
			position: relative;

			&:after{
				content: "";
				width: 0.08rem;
				height: 0.16rem;
				position: absolute;
				left: -0.187rem;
				bottom: calc(50% - 0.08rem);
				border-radius: 0.08rem;
				background: #0998FF;

			}
		}
	}
	.home-blank{
		//width: 9.147rem;
		height: 6.373rem;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		img{
			width: 2.427rem;
		}
		span{
			line-height: 0.453rem;
			font-size: 0.32rem;
			font-weight: 300;
			color: #999999;
		}
	}
	.info-user{
		p{
			display: flex;
			align-items: baseline;

			span:first-child{
				display: inline-block;
				width: 2rem;

				font-size: 0.373rem;
				text-align: left;
				color: #999999;
				flex: none;
			}
			span:last-child{
				font-size: 0.373rem;
				text-align: left;
				color: #333333;
				font-weight: 500;
				line-height: 0.533rem;


			}
		}
	}

	.info-more{
		margin-bottom: 0.4rem;
		.info-not-img,.info-not-insurances{
			border-bottom: 0.027rem solid #f4f6f8;
			span{

				font-size: 0.4rem;
				text-align: left;
				color: #333333;
				display: block;
				line-height: 1.067rem;
				font-weight: bold;
				position: relative;
				&>span{
					position: absolute;
					right: 0;
					bottom: 0;
					line-height: 1.067rem;
					color:#FF5656;
					font-weight: 300;
					font-size: 0.32rem;
				}
			}
			button{
				width:5.333rem ;
				height: 1.067rem;
				margin: 0.64rem 0 0.747rem calc(50% - 2.667rem);
				background: #0998FF;
				border:none;
				border-radius:0.267rem;

				font-size: 0.427rem;
				font-weight: 500;
				text-align: center;
				color: #ffffff;
				box-shadow:0rem 0.08rem 0.187rem -0.093rem #0998FF;

			}
		}
		.info-img{

			border-bottom: 0.027rem solid #f4f6f8;
			padding-bottom: 0.48rem;
			&>div{
				&>span:first-child{
					font-size: 0.4rem;
					text-align: left;
					color: #333333;
					display: block;
					line-height: 1.333rem;
					font-weight: bold;
				}
				&>span:last-child{
					font-size: 0.293rem;
					font-weight: 300;
					color: #999999;
				}

			}

			div{
				//margin-top: 0.373rem;
				display: flex;
				align-items: center;
				justify-content: space-between;

			}
		}
		.info-not-insurances{
			border:none;

		}
		.info-insurances{
			&>div{
				display: flex;
				align-items: center;
				justify-content: space-between;
				border-bottom: 0.027rem solid #f4f6f8;
				height: 1.6rem;

				&>div{
					span{
						display: block;
					}
					span:first-child{
						font-size: 0.4rem;
						font-weight: bold;
						color: #333333;
					}
					span:last-child{
						font-size: 0.32rem;
						font-weight: 300;
						color: #999999;
						margin-top: -0.053rem;
					}
				}
				&>span{

					font-size: 0.293rem;
					font-weight: 300;
					color: #999999;
				}
			}
			&>p{

				span:first-child{
					font-size: 0.373rem;
					font-weight: 300;
					color: #999999;
					display: inline-block;
					width: 50%;
					text-align: left;
				}
				span:last-child{
					font-size: 0.373rem;
					font-weight: 300;
					color: #999999;
					display: inline-block;
					width: 50%;
					text-align: right;
				}
				span.is-blue{
					color: #0998ff;
				}
				span.is-red{
					color: #FF5656;
				}
			}
			&>p:last-child{
				border: none;
			}
		}
	}
	.info-detail{
		.detail-title{
			padding: 0.24rem 0;
			border-bottom: 0.027rem solid #f4f6f8;

			span:first-child{
				display: block;
				font-size: 0.427rem;
				color: #333333;
				font-weight: bold;
				position: relative;
				&:after{
					content: "";
					width: 0.08rem;
					height: 0.16rem;
					position: absolute;
					left: -0.187rem;
					bottom: calc(50% - 0.08rem);
					border-radius: 0.08rem;
					background: #0998FF;

				}
			}
			span:last-child{
				display: block;
				font-size: 0.32rem;
				font-weight: 300;
				color: #999999;
				margin-top: -0.107rem;

			}
			span.is-blue{
				color: #0998ff;
			}
			span.is-red{
				color: #FF5656;
			}


		}
		.info-before{
			display: flex;
			align-items: center;
			flex-direction: column;
			margin-top: 0.373rem;
			img{
				width: 2.427rem;
			}
			span{
				font-size: 0.32rem;
				font-weight: 300;
				color: #999999;
			}
		}
		.info-after{
			&>div{
				min-height: 2.533rem;
				border-bottom: 0.027rem solid #f4f6f8;
				box-sizing: border-box;
				padding-top: 0.187rem;

				// title
				&>span{
					font-size: 0.373rem;
					font-weight: bold;
					color: #333333;
				}
				&>div{
					span:first-child{
						display: inline-block;
						width :1.813rem;
						font-size: 0.373rem;
						font-weight: 300;
						color: #999999;
						line-height: 0.72rem;
						margin-bottom: 0.053rem;
					}
					span:last-child{
						font-size: 0.373rem;
						font-weight: 400;

					}
					span.is-blue{
						color: #0998ff;
					}
					span.is-red{
						color: #FF5656;
					}
				}
			}

		}


	}
	.info-quit{
		background: url(../images/quit-bg.png) no-repeat;
		background-size: 100%;
		padding-top: 2.427rem;
		.info-box{
			padding-bottom: 0.4rem;
		}
		.detail-title{
			span:last-child{
				line-height: 0.667rem;
				font-size: 0.373rem;
				color: #ff5656;
			}
		}
		.detail-title.quit-method{
			border:none;
			padding-bottom: 0;
			span:last-child{
				line-height: 0.533rem;
				font-size: 0.373rem;
				color: #333333;
			}
		}
		.quit-wechat{
			margin: 0.533rem auto 0;
			display: flex;
			align-items: center;
			justify-content: center;
			img{
				width: 3.173rem;
			}
		}



	}
	.bind-phone{
		width: 7.733rem;
		padding-top: 0.8rem;
		background: #FFFFFF;
		display: flex;
		align-items: center;
		flex-direction: column;
		border-radius: 0.267rem;

		img{
			width: 3.173rem;
		}
		p{
			line-height: 0.587rem;
			font-size: 0.427rem;
			font-weight: bold;
			color: #333333;
		}
		button{
			width: 5.333rem;
			height: 1.067rem;
			margin-top: 0.667rem;
			margin-bottom: 1.067rem;
			border:none;
			background-color:#0998FF ;
			border-radius: 0.267rem;
			box-shadow:0rem 0.08rem 0.187rem -0.093rem #0998FF;


			font-size: 0.427rem;
			font-weight: 500;
			text-align: center;
			color: #ffffff;

		}

		.input-box{
			//width: 5.6rem;
			height: 0.933rem;

			display: flex;
			align-items: center;

			margin-top: 0.76rem;
			position: relative;

			span{
				//width: 1.2rem;
				//line-height: 0.533rem;
				font-size: 0.373rem;
				color: #999999;
				flex: 1;
				flex-shrink: 0
			}
			input:-webkit-autofill{
				-webkit-box-shadow:0 0 0 1000px white inset !important;
			}
			input{
				flex:1;
				border: none;
				border-bottom: 1px solid #d6d6d6;
				box-sizing: border-box;
				margin-left:0.347rem;
				padding: 0.16rem 0;
				font-size: 0.373rem;

				&::-webkit-input-placeholder { /* Edge */
					font-size: 0.293rem;
					font-weight: 400;
					color: #c6c6c6;
				}

				&:-ms-input-placeholder { /* Internet Explorer 10-11 */
					font-size: 0.293rem;
					font-weight: 400;
					color: #c6c6c6;
				}

				&::placeholder {
					font-size: 0.293rem;
					font-weight: 400;
					color: #c6c6c6;
				}
			}
			.phone-code{
				//width: 2.133rem;
				//width: 1.733rem;
				position: absolute;
				padding-left: 0.2rem;
				right: 0;
				bottom: 0;
				span{
					font-size: 0.293rem;
					font-weight: 300;
					color: #0998ff;
					line-height: 0.933rem;

				}
				&:after{
					content: "";
					position: absolute;
					left: 0;
					bottom: calc(50% - 0.2rem);
					width:1px;
					height: 0.4rem;
					background: #D7D7D7;

				}
			}
		}
	}
	.logout{
		display: block;
		width: 9.067rem;
		height: 1.173rem;
		margin: 0 auto;
		background-color: #FFFFFF;
		border-radius: 0.267rem;
		margin-bottom:1.6rem;

		line-height: 1.173rem;
		font-size: 0.427rem;
		font-weight: 300;
		text-align: center;
		color: #c8c8c8;


	}

}
//首页end
// 我的页面
.home-user-content{
	background-color: #ffffff;
	.user-index-card{
		background: #ffffff;
		margin: 0 0.4rem 0.4rem;
		border-radius: 0.267rem;
		padding: 0.533rem 0.467rem 0.267rem 0.347rem;
		box-shadow: 0 0 0.267rem 0 rgba(167, 167, 167, 0.25);
		margin-bottom: 4rem;
		a{
			display: flex;
			align-items: center;
			justify-content: center;
			margin-bottom: 0.533rem;
			img{
				width: 0.853rem;
				height: 0.853rem;
			}
			p{
				flex: 1;
				margin-left: 0.267rem;
				font-size: 0.373rem;
				color: #222222;
				line-height: 0.507rem;
			}
			span.iconfont,span.iconfont1{
				color:#BEBEBE;

				font-size: 0.347rem;
			}
			span.pay-count{
				color:#ff6d5a;
				margin-right: 0.133rem;
				font-size: 0.373rem;
			}
		}
	}
}


// 我的页面end

.home-tab{
	position: fixed;
	bottom: 0;
	width: 10rem;
	height: 1.333rem;
	background: #FFFFFF;
	display: flex;
	align-items: center;
	//justify-content: space-between;
	//padding: 0 1.333rem;
	box-shadow: 0rem -0.0134rem 0rem 0rem rgba(162, 162, 162, 0.5);
	a{
		//display: flex;
		//align-items: center;
		//flex-direction: column;
		//justify-content:center;
		flex: 1;
		text-align: center;
		span{
			color:#808080;
		}
		span.on{
			color:@base-color;
		}
		span.on+span{
			color:@base-color;
		}

		span.iconfont,span.iconfont1{
			font-size: 0.453rem;
			display: block;
			margin-bottom: -0.267rem;
		}
		span:last-child{
			font-size: 0.347rem;
		}
	}


}
// 上传身份证
.upload-content{
	background-color: #EFF3F6;
	overflow: hidden;
	height: 100%;
	.upload-box{
		background-color: #FFFFFF;
		width: 9.2rem;
		margin: 0 auto;
		margin-top: 0.4rem;
		padding: 0.533rem;
		border-radius: 0.267rem;



	}
	.img-box{
		display: flex;
		justify-content: space-between;
		&>div{
			flex: 1;
			display: flex;
			align-items: center;
			flex-direction: column;
			img{
				width: 3.867rem;
				height: 2.267rem;
			}
			p{
				margin-top: 0.293rem;
				line-height: 0.533rem;
				span{

					font-size: 0.373rem;
					color: #333333;
				}
				span:last-child{
					display: inline-block;
					margin-left: 0.133rem;
					color:#0998FF;
				}
			}

		}

	}
	button{
		width: 5.333rem;
		height: 1.067rem;
		margin: 0.8rem auto;
		display: block;

		border:none;
		background-color:#0998FF ;
		border-radius: 0.267rem;
		box-shadow:0rem 0.08rem 0.187rem -0.093rem #0998FF;


		font-size: 0.427rem;
		font-weight: 500;
		text-align: center;
		color: #ffffff;

	}

}


// 修改保险状态
// 上传身份证

.type-content {
	background-color: #EFF3F6;
	overflow: auto;
	height: 100%;
	width: 100%;

	.type-box {
		background-color: #FFFFFF;
		width: 9.2rem;
		margin: 0.4rem auto;
		padding: 0.133rem 0.533rem;
		border-radius: 0.267rem;
		&>div{
			height: 1.067rem;
			display: flex;
			justify-content: space-between;
			align-items: center;
			border-bottom: 1px solid #f4f6f8;
			position: relative;

			p{
				font-size: 0.373rem;
				font-weight: 400;
				color: #999999;
			}
			input{
				border: none;
				text-align: right;
				padding-right: 0.4rem;
			}
			span{
				position: absolute;
				right: 0;
				font-weight: 400;
				color: #999999;
				font-size: 0.293rem;
			}


		}
		button{
			width: 5.333rem;
			height: 1.067rem;
			margin: 0.8rem auto 1.333rem;
			display: block;

			border:none;
			background-color:#0998FF ;
			border-radius: 0.267rem;
			box-shadow:0rem 0.08rem 0.187rem -0.093rem #0998FF;


			font-size: 0.427rem;
			font-weight: 500;
			text-align: center;
			color: #ffffff;
		}

	}
}

.tips-info{
    width: 9.2rem;
    height: 1.253rem;
    background: #FFFFFF;
    box-shadow: 0.0134rem 0.053rem 0.28rem 0rem rgba(1, 12, 134, 0.07);
    border-radius: 0.133rem;
    margin:  0.4rem auto;
    padding-right: 0.333rem;

    display: flex;
    align-items: center;
    img{
        width: 0.813rem;
        height: 0.773rem;
        margin-left: 0.2rem;
        margin-right: 0.267rem;
    }
    p{
        flex: 1;
        font-size: 0.32rem;
        color: #ff9082;
        line-height: 0.453rem;
    }

}


// 账单列表
.index-content{
	.search-box{
		position: relative;
		padding: 0.533rem 0.4rem;
		.iconfont{
			position: absolute;
			left: 0.773rem;
			top: 0.613rem;
			font-size: 0.4rem;
			color:#989898;
		}
		input{
			width: 100%;
			height: 0.867rem;
			background: #F7F7F7;
			border-radius: 0.427rem;
			border:none;
			padding-left: 1rem;
			font-size: 0.373rem;
			color: #222222;

		}
		[type="search"]::-webkit-search-decoration {
			display: none;
		}
	}
	.index-tab{
		//padding:0 0.733rem;
		line-height: 1.093rem;
		display: flex;
		align-items: center;
		justify-content: space-between;
		a{
			flex: 1;
			font-size: 0.373rem;
			color: #9F9F9F;
			text-align: center;
		}
		a.on{
			color: @base-color;
			position: relative;
			&:after{
				content: "";
				position: absolute;
				left: calc(50% - 0.253rem);
				bottom: -0.06rem;
				width: 0.507rem;
				height: 0.12rem;
				background: @base-color;
				border-radius: 0.067rem;
			}
		}
		#a-red{
			position: relative;
			&:before{
				content: "";
				position: absolute;
				width: 0.133rem;
				height: 0.133rem;
				border-radius: 0.133rem;
				background:#ff6852 ;
				top:0.133rem;
				left: 80%;

			}
		}
	}
	.index-table{
		background: #F9F9F9;
		padding: 0.333rem;
		min-height: 100vh;
		.table-item{
			background: #ffffff;
			border-radius: 0.267rem;
			padding:0 0.4rem;
			margin-bottom: 0.32rem;
			.item-title{
				height: 1.2rem;
				border-bottom: 1px solid #ebebeb;
				display: flex;
				align-items: center;
				justify-content: space-between;
				span{
					font-size: 0.373rem;
				}
				span:first-child{
					font-size: 0.373rem;
					font-weight: bold;
					color: #222222;
				}




			}
			.item-box{
				margin-top: 0.373rem;
				margin-bottom: 0.467rem;
				padding: 0.4rem;
				background: #F7F7FA;
				border-radius: 0.267rem;
				p{
					font-size: 0.347rem;
					color: #989898;
				}
				.p-wrap{
					display: flex;
					justify-content: flex-start;
					&>span:first-child{
						flex-shrink: 0;
					}
				}
			}
			.item-button{
				height: 1.2rem;
				display: flex;
				align-items: end;
				justify-content: flex-end;
				a{

					width: 1.933rem;
					height: 0.733rem;
					background: #FFFFFF;
					border: 1px solid @base-color;
					border-radius: 0.333rem;
					font-size: 0.373rem;
					color: @base-color;
					text-align: center;
					margin-bottom: 0.467rem;
				}
				a+a{
					margin-left: 0.4rem;
				}
				.is-red{
					background: rgba(255, 109, 90, 0.11);
					border: 1px solid #FF6D5A;
					color: #FF6D5A;
				}
				.is-blue{
					background:  @base-color;
					color: #FFFFFF;
					border: 1px solid @base-color;
				}
			}
		}
	}
	.table-blank{
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: center;
		padding-top: 1rem;
		img{
			width: 6.96rem;
			height: 3rem;
		}

		p{
			margin-top: 0.587rem;
			font-size: 0.373rem;
			color: #808080;
		}
	}

}
.color-blue{
	color:@base-color
}
.color-desc{
	color: #808080;
}
.color-red{
	color: #FF6D5A;
}
// 账单列表end

// 账单详情-支付
.payment-body{
	padding-bottom: 1.067rem;
}
.payment-body .view-content{
	padding: 0 0.4rem;

}
.payment-body .view-content .view-box{
	margin-bottom: 0.133rem;
	.view-title{
		height: 1.267rem;
		border-bottom:1px solid  #ebebeb;
		position: relative;
		padding-left: 0.4rem;
		span{
			font-size: 0.373rem;
			font-weight: bold;
			color: #3C4043;
			line-height: 1.267rem;
		}
		&:before{
			content: "";
			position: absolute;
			top: calc(50% - 0.173rem);
			left: 0;
			width: 0.107rem;
			height: 0.333rem;
			background: @base-color;
			border-radius: 0.053rem;
		}
	}
	.view-detail{
		margin-top: 0.467rem;
		padding:0 0.4rem 0.4rem;
		background: #F7F7FA;
		//border: 0.0134rem solid #EBEBEB;
		border-radius: 0.067rem;
		p{
			font-size: 0.347rem;
			color: #989898;
			line-height: 0.667rem;
		}
		&>p:nth-child(1){
			padding-top: 0.4rem;
		}
		.detail-title{
			height: 1.2rem;
			border-bottom: 1px solid #DBDBDB;
			margin-bottom: 0.267rem;

			font-size: 0.373rem;
			color: #3C4043;
			line-height: 1.2rem;

		}
	}
	.view-detail + .view-detail{
		margin-top: 0.267rem;
	}
}

// 账单详情-支付end

//提交成功
.add-success{
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 2.133rem;
	img{
		width: 7.027rem;
		height: 3.72rem;
	}
	p{

		font-size: 0.373rem;
		color: #222222;
		line-height: 0.773rem;
		margin-bottom: -0.133rem;
	}
	span{

		font-size: 0.32rem;
		color: #808080;
		line-height: 0.773rem;
	}
	a{
		width: 3.467rem;
		height: 1.067rem;
		display: block;
		margin-top: 2.2rem;

		background: #4070F1;
		border-radius: 0.533rem;

		font-size: 0.373rem;
		color: #FFFFFF;
		line-height: 1.067rem;
		text-align: center;
	}
	a+a{
		margin-top: 0.4rem;
	}

}


.changepw-content{
	padding-top:1rem;
	.input-box{
		position: relative;
		margin: 0 auto;
		width: 8rem;
		background: #F7F7FA;
		border-radius: 0.133rem;
		margin-bottom: 0.267rem;

		input{

			width: 100%;
			height: 1.2rem;
			background: #F7F7FA;
			border-radius: 0.133rem;
			padding-left: 1.2rem;
			border: none;
			font-size: 0.373rem;

		}
		input::-webkit-input-placeholder {
			/* WebKit browsers */
			color: #BEBEBE;
		}
		input:-moz-placeholder {
			/* Mozilla Firefox 4 to 18 */
			color: #BEBEBE;
		}
		input::-moz-placeholder {
			/* Mozilla Firefox 19+ */
			color: #BEBEBE;
		}
		input:-ms-input-placeholder {
			/* Internet Explorer 10+ */
			color: #BEBEBE;
		}
		&>span{
			position: absolute;
			left: 0.533rem;
			top: 0.187rem;
			font-size: 0.467rem;
			color: #999999;
		}


	}
}